@import "~antd/lib/style/themes/default.less";

body{
  background: #f0f2f5;
}

:global{
  .Role{
    padding: 16px;
    flex: 1;
    .department-content{
      display:flex;
      height: 100%;
      background: #fff;
      border-radius: 5px;
      position: relative;
      .department-inquiry{
        display: flex;
        height: 100%;
        flex-direction: column;
        width: 220px;
        padding: 0px 8px;
        input{
          color: #333;
        }
        .depart-button{
          // margin-top: 8px;
          button{
            color: #666;
            width: 96px;
            &.button-right{
              margin-left: 8px;
            }
          }
        }
        .depart-menu{
          flex: 1;
          overflow: auto;
          span{
            color: #333;
            font-size: 14px;
          }
          ul li{
            color: #333;
            font-size: 14px;
          }
          ul{
            .ant-menu-item-selected.ant-menu-item{
              color: #fff;
            }
          }
        }
      }
      .department-demonstrate{
        flex: 1;
        min-height: 600px;
        margin-left: 1px;
        border-left: 1px solid #eeeeee;
        padding: 24px;
        .demonstrate-head{
          margin-top: 4px;
          border-bottom: 1px solid #e9e9e9;
          p.title{
            span.current-role{
              font-size: 20px;
              color: #333333;
              letter-spacing: 0;
              line-height: 1;
            }
            .role-button{
              // display: inline-block;
              margin-left: 8px;
              // padding: 0px 10px;
              // width: 65px;
              // height: 32px;
              // border: 1px solid #d9d9d9;
              // border-radius: 3px;
              // text-align: center;
              // font-size: 14px;
              // color: #666;
              // line-height: 32px;
              // letter-spacing: 2px;
            }
          }
          .ant-breadcrumb{
            margin-top: 8px;
            span{
              font-size: 14px;
              color: #666666;
              line-height: 1;
            }
          }
        }
        // .demonstrate-line{
        //   margin-top: 24px;
        //   height: 1px;
        //   background: #e9e9e9;
        // }
        .subordinate-departments{
          button{
            margin-top: 16px;
          }
          //height: 24px;
          // .sub-title{
          //   height: 24px;
          //   &.division-title{
          //     margin-top: 24px;
          //   }
          //   label{
          //     display: inline-block;
          //     float: left;
          //     width: 24px;
          //     height: 24px;
          //     background: url("../images/subordinate.png")no-repeat center;
          //     background-size: cover;
          //     &.division{
          //       margin-top: 2px;
          //       width: 24px;
          //       height: 19px;
          //       background: url("../images/division.png")no-repeat center;
          //     }
          //   }
          //   span{
          //     display: inline-block;
          //     float: left;
          //     font-size: 16px;
          //     color: #333;
          //     line-height: 24px;
          //     margin-left: 8px;
          //   }
          // }
          // .depart-list{
          //   margin-top: 16px;
          //   ul{
          //     li{
          //       height: 40px;
          //       border-top: 1px solid #e9e9e9;
          //       &:last-child{
          //         border-bottom: 1px solid #e9e9e9;
          //       }
          //       a{
          //         display: block;
          //         font-size: 14px;
          //         color: #333;
          //         line-height: 40px;
          //         padding: 0 20px;
          //         i{
          //           float: right;
          //           margin-top: 13px;
          //         }
          //       }
          //     }
          //   }
          // }
          .division-button{
            button{
              margin-right: 8px;
            }
          }
          .division-table{
            margin-top: 16px;
            height: auto;
            table{
              td{
                font-size: 12px;
                color: #666;
                a{
                  color: #666;
                }
              }
              span.status{
                font-size: 12px;
                color: #666;
              }
              span.activated{
                display: inline-block;
                width: 6px;
                height: 6px;
                background:  #87d068;
                border-radius: 50%;
                vertical-align: middle;
                margin-top: -3px;
                margin-right: 5px;
              }
              span.inactivated{
                display: inline-block;
                width: 6px;
                height: 6px;
                background:   #ffaa00;
                border-radius: 50%;
                vertical-align: middle;
                margin-top: -3px;
                margin-right: 5px;

              }
            }
          }
        }
      }
    }
    
    // 覆盖样式
    .ant-menu-submenu > .ant-menu {
      background: #fff;
    }
  }
  .Role .department-inquiry .ant-menu-inline .ant-menu-submenu-title{
    padding-right: 32px;
    padding-left: 20px;
    box-sizing: border-box;
    font-size: 14px;
  }
  .Role .department-inquiry .ant-menu-item-selected.ant-menu-item{
    color: #0f71ff;
  }

  //编辑角色
  .edit-role{
    color: #333333 ;
    .edit-header{
      height: 60px;
      border-bottom: 1px solid #E9E9E9;
      h2{
        margin-left: 24px;
        font-size: 18px;
        line-height: 60px;
        font-weight: bold;
      }
    }
    // .edit-form{
        
    // }
    .edit-option{
      padding-right: 44px;
      text-align: right;
      position:fixed;
      bottom:0px;
      height: 62px;
      width: 100%;
      line-height: 62px;
      border-top: 1px solid #E9E9E9;
      background: #fff;
      .edit-delete{
        border-color: #F04134;
        color: #F04134;
      }
    }
  }

  //权限分配
  .permissions-allocation{
    .permissions-form{
      padding: 0 20px;
      .permissions-top{
        padding-bottom: 24px;
        border-bottom: 1px solid #e9e9e9;
      }
      .permissions-bottom{
        padding-top: 28px;
      }
      .ant-form-item-label label{
        color: #666;
      }
      .permissions-checkbox{
        color: #333;
        margin-left: 8px;
        .ant-checkbox{
          margin-right: 10px;
        }
      }
      .ant-form-item{
        margin-bottom: 0px;
      }
      .enterprise-department{
          margin: 12px 0 0 0;
      }
      .permissions-tree{
        // margin: 12px 0 24px 0;
        // border: 1px solid #e9e9e9;
        .ant-tree{
          margin: 0 4px;
        }
      }
    }
  }
}
